<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>公告管理</title>
    <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../style.css">
</head>
<body>
<div class="col-sm-12 my-cp">
    <table class="table table-bordered table-hover table-striped my-table text-center">
        <thead>
        <tr>
            <td>标题</td>
            <td>发布时间</td>
            <td>最近修改时间</td>
            <td>操作</td>
        </tr>
        </thead>
        <tbody>
        <tr>
            <td>123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123123</td>
            <td>123</td>
            <td>123</td>
            <td>
                <button class="btn btn-info btn-sm">查看/修改</button>
                <button class="btn btn-danger btn-sm">删除</button>
            </td>
        </tr>
        </tbody>
    </table>
    <nav class="my-pagination">
        <ul class="pagination">
            <li class="disabled">
                <a href="#">上一页</a>
            </li>
            <li class="active"><a href="#">1</a></li>
            <li><a href="#">2</a></li>
            <li><a href="#">3</a></li>
            <li><a href="#">4</a></li>
            <li><a href="#">5</a></li>
            <li>
                <a href="#">下一页</a>
            </li>
        </ul>
    </nav>
</div>
</body>
</html>